/* eslint-disable */

<template>
    <div>
        <div class="lucky-draw-panel__wrapper">
            <div class="lucky-draw-panel__title">🎆 信 息 填 写 🎆</div>
        </div>
        <van-form @submit="onSubmit">
            <van-field v-model="form.username" name="姓名" label="姓名" placeholder="姓名"
                :rules="[{ required: true, message: '请填写姓名' }]" />

            <van-field v-model="form.phone" name="企业名" label="企业名" placeholder="姓名"
                :rules="[{ required: true, message: '请填写企业名' }]" />

            <div style="margin: 16px;">
                <van-button round block type="info" native-type="submit">参与抽奖</van-button>
            </div>
        </van-form>
    </div>
</template>
<script>
export default {
    data() {
        return {
            form: {
                username: '',
                phone: '',
            }

        };
    },
    methods: {
        onSubmit(values) {
            setTimeout(() => {
                localStorage.setItem('choujianguser', JSON.stringify(values));
                this.$toast.success('参与抽奖成功');
            }, 1000);


        },
    },
}
</script>
<style>
.lucky-draw-panel__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f7faff;

    .lucky-draw-panel__title {
        font-size: 42px;
        margin: 24px 0;
    }
}
</style>